.tabs { border-bottom: 2px solid #ededed; }
.tabs .tab { *zoom: 1; }
.tabs .tab:before, .tabs .tab:after { content: " "; display: table; }
.tabs .tab:after { clear: both; }
.tabs .tab li { float: left; }
.tabs .tab li a { display: inline-block; padding-left: 20px; padding-right: 20px; height: 35px; line-height: 35px; font-size: 14px; color: #00a1e6; }
.tabs .tab li.active { margin-bottom: -2px; border-width: 2px; border-color: #ededed #ededed #fafafa #ededed; border-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabs .tab li.active a { color: #717889; }

.tabs { margin-bottom: 30px; }

.form-help { display: none; margin-bottom: 10px; background-color: #f2dede; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid #eed3d7; border-radius: 4px; }
.form-help .help { color: #b94a48; font-size: 13px; }

.help-inline { margin-bottom: 5px; font-size: 13px; color: #b94a48; }

.form { font-size: 14px; }
.form .control { *zoom: 1; position: relative; margin-bottom: 15px; }
.form .control:before, .form .control:after { content: " "; display: table; }
.form .control:after { clear: both; }
.form .control > label { float: left; line-height: 33px; width: 110px; text-align: right; color: #717889; }
.form .control > .field, .form .control > .btns { margin-left: 120px; }
.form .input-text { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; border: 1px solid #ccc; width: 220px; border-radius: 5px; }
.form .input-text input[type="text"], .form .input-text input[type="password"] { padding: 0 10px; width: 100%; height: 31px; font-size: 14px; border: none; color: #444; }
.form .input-text.s { width: 100px; }
.form .input-text.icon { padding-left: 30px; }
.form input[type="file"] { margin-top: 5px; }
.form .btns { padding-top: 10px; padding-bottom: 10px; text-align: center; }
.form .btns button { color: #fff; border: 0; border-bottom: 2px solid #1f1f1f; }
.form .btns .button { padding: 0 30px; height: 38px; font-size: 18px; background-color: #323a4a; border-radius: 4px; }
.form .btns .button:hover { background-color: #282e3b; border-bottom: 2px solid #151515; }
.form .control.text { margin-bottom: 0; }
.form .control.text > .field { margin-left: 10px; font-size: 13px; }
.form .control.text > .field input[type="checkbox"] { margin-bottom: 1px; }
.form .control label .radio { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; margin-bottom: 2px; margin-right: 10px; }
.form .control > .field, .form .control > .btns { margin-left: 130px; }
.form .control .field2 { margin-left: 74px; }
.form .control .field2 .input-text { width: 130px; }
.form .control .field3 { float: left; margin-left: 20px; }
.form .control .field3 .input-text { width: 102px; }
.form .control .field4 { float: left; margin-left: 20px; }
.form .control .field4 .input-text { width: 102px; }
.form .control .w50 { width: 50px; }
.form .field { *zoom: 1; }
.form .field:before, .form .field:after { content: " "; display: table; }
.form .field:after { clear: both; }
.form .field .radiooption { float: left; margin-top: 8px; margin-right: 20px; width: 18px; height: 18px; }
.form .field .text { line-height: 35px; color: #ababab; }
.form .field .btnbox { float: left; }
.form .field .btnbox a { margin-right: 10px; }
.form .field .input-text { float: left; margin-right: 20px; }
.form .field .input2 { width: 182px; }
.form .field .select { margin-right: 20px; line-height: 35px; color: #717889; }
.form .btns { padding-bottom: 20px; text-align: left; }
.form .btns .link-higher { margin-left: 130px; color: #00a1ff; font-weight: bold; text-decoration: underline; }
.form .btns .link-higher:hover { color: #0081cc; }
.form .tit { color: #717889; }

.table-box .table { margin-bottom: 20px; }
.table-box .btns { text-align: center; }

.chosen-container { width: 222px; font-size: 14px; }
.chosen-container .chosen-results li.highlighted { background-color: #616e86; }

.chosen-container-single .chosen-single { height: 33px; line-height: 33px; border: 1px solid #ccc; background: #fff; }
.chosen-container-single .chosen-single div { top: 5px; }

/*switcher*/
.switcher label { width: 56px; height: 20px; border-radius: 10px; display: inline-block; position: relative; background: -webkit-linear-gradient(top, #7a8a3a, #94a546) no-repeat left top/0 100%, -webkit-linear-gradient(top, #aa4118, #b44b23) no-repeat left top/100% 100%; background: linear-gradient(top, #7a8a3a, #94a546) no-repeat left top/0 100%, linear-gradient(top, #aa4118, #b44b23) no-repeat left top/100% 100%; box-shadow: inset 0 2px 3px 0 rgba(20, 20, 20, 0.3); border: 1px solid rgba(20, 20, 20, 0.8); cursor: pointer; -webkit-transition: background-size 500ms ease; transition: background-size 500ms ease; }

.switcher label:before { content: "|||"; display: block; position: absolute; text-align: center; line-height: 20px; font-size: 12px; color: #e4e4e4; text-shadow: 1px 0 0 #fff; left: 0; top: 0; height: 20px; width: 20px; border-radius: 10px; background: -webkit-linear-gradient(top, white, #ececec); background: linear-gradient(top, white, #ececec); -webkit-transition: left 300ms ease; transition: left 300ms ease; }

.switcher label:after { content: attr(data-off); line-height: 20px; text-indent: 27px; font-size: 12px; color: #fff; display: inline-block; -webkit-transform: scale(0.84); -ms-transform: scale(0.84); transform: scale(0.84); }

.switcher input:checked + label { background: -webkit-linear-gradient(top, #7a8a3a, #94a546) no-repeat left top/100% 100%, -webkit-linear-gradient(top, #aa4118, #b44b23) no-repeat left top/100% 100%; background: linear-gradient(top, #7a8a3a, #94a546) no-repeat left top/100% 100%, linear-gradient(top, #aa4118, #b44b23) no-repeat left top/100% 100%; }

.switcher input:checked + label:before { left: 36px; }

.switcher input:checked + label:after { content: attr(data-on); text-indent: 12px; }

.switcher input { display: none; }

.table-box table { table-layout: fixed; width: 100%; }
.table-box table tr { text-align: center; color: #717889; }
.table-box table tr th { height: 30px; border: 1px solid #ccc; vertical-align: middle; font-weight: bold; }
.table-box table tr td { height: 35px; border: 1px solid #ccc; vertical-align: middle; }
.table-box table .update, .table-box table .del { color: #2B6DFC; }
.table-box table .update:hover, .table-box table .del:hover { color: #034be7; }
.table-box table .del { margin-left: 15px; }
